<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>关于我们 - RFID幼儿园无源手环</title>
    <link rel="stylesheet" href="style.css">
    <style>
        /* 关于我们页专属样式 */
        .about-page {
            margin-top: 80px; /* 避开导航栏 */
            padding: 40px 0;
        }

        .about-content {
            background-color: #FFFFFF;
            padding: 40px;
            border-radius: 8px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.05);
            margin-bottom: 40px;
        }

        .about-module {
            margin-bottom: 40px;
        }

        .about-module:last-child {
            margin-bottom: 0;
        }

        .module-title {
            font-size: 22px;
            color: #333333;
            margin-bottom: 20px;
            padding-bottom: 10px;
            border-bottom: 2px solid #E8F5E9; 
        }

        .module-text {
            font-size: 16px;
            color: #666666;
            line-height: 1.8;
            margin-bottom: 15px;
        }

        /* 团队架构表格 */
        .team-table {
            width: 100%;
            border-collapse: collapse;
            margin-top: 20px;
        }

        .team-table th, .team-table td {
            border: 1px solid #E8E8E8;
            padding: 12px 15px;
            text-align: left;
        }

        .team-table th {
            background-color: #F5F7F5;
            color: #333333;
            font-weight: bold;
        }

        .team-table tr:nth-child(even) {
            background-color: #FAFAFA;
        }

        /* 团队理念卡片 */
        .idea-cards {
            display: flex;
            gap: 20px;
            margin-top: 20px;
            flex-wrap: wrap;
        }

        .idea-card {
            width: 31%;
            background-color: #F9FBF8;
            padding: 25px;
            border-radius: 8px;
            text-align: center;
            border-left: 4px solid #4CAF50; /* 主题绿侧边线 */
        }

        .idea-icon {
            font-size: 32px;
            color: #4CAF50;
            margin-bottom: 15px;
        }

        .idea-card h4 {
            font-size: 18px;
            margin-bottom: 10px;
            color: #333333;
        }

        .idea-card p {
            font-size: 14px;
            color: #666666;
        }

        /* 响应式适配 */
        @media (max-width: 768px) {
            .about-content {
                padding: 20px;
            }
            .idea-cards {
                flex-direction: column;
            }
            .idea-card {
                width: 100%;
            }
            .team-table {
                font-size: 14px;
            }
        }
    </style>
</head>
<body>
    <!-- 导航栏 -->
        <div class="nav-container">
            <nav class="nav">
                <div class="logo">RFID无源手环</div>
                
                <!-- 汉堡菜单按钮 -->
                <div class="hamburger" id="hamburger">
                    <span></span>
                    <span></span>
                    <span></span>
                </div>
                
                <!-- 导航菜单 -->
                <ul class="nav-menu" id="navMenu">
                    <li><a href="index.html">首页</a></li>
                    <li><a href="product.html">产品介绍</a></li>
                    <li><a href="news.html">最新新闻</a></li>
                    <li><a href="about.html">关于我们</a></li>
                    <li><a href="contact.html">联系我们</a></li>
                </ul>
            </nav>
        </div>

    <!-- 关于我们主体 -->
    <div class="about-page">
        <div class="container">
            <h2 class="section-title">关于我们</h2>

            <!-- 项目定位模块 -->
            <div class="about-content">
                <div class="about-module">
                    <h3 class="module-title">项目定位与目标</h3>
                    <p class="module-text"><strong>项目名称</strong>：基于RFID的幼儿园健康监测物联网平台的研究与实践</p>
                    <p class="module-text"><strong>项目宗旨</strong>：打造智能化的幼儿园管理平台，结合现有幼儿园信息化系统，实现教育教学的数字化、智能化和信息化</p>
                    <p class="module-text"><strong>项目性质</strong>：创新科技、绿色科技（无源手环无充电隐患，贴合绿色理念）</p>
                    <p class="module-text"><strong>项目目标</strong>：体验科技、享受智能、科学管理——为幼儿园提供“健康监测+行为追踪+家校共育”一体化解决方案，助力幼儿健康发展</p>
                </div>

                <!-- 团队架构模块-->
                <div class="about-module">
                    <h3 class="module-title">团队架构与分工</h3>
                    <table class="team-table">
                        <thead>
                            <tr>
                                <th>部门</th>
                                <th>核心职责（依据计划书）</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>CEO</td>
                                <td>决策公司重大经营事项（财务、方向、业务范围）；树立/变更企业文化，负责团队建设</td>
                            </tr>
                            <tr>
                                <td>公关部</td>
                                <td>维护政府、协会、媒体等利益相关方关系；协助项目宣传，建立媒体合作</td>
                            </tr>
                            <tr>
                                <td>人事部</td>
                                <td>拟订部门目标、执行人事考核；保障“上清下达、下情上报”，推进项目制度化</td>
                            </tr>
                            <tr>
                                <td>财务部</td>
                                <td>制定财务目标与政策；建立财务系统，控制成本，保障财务信息质量</td>
                            </tr>
                            <tr>
                                <td>研发部</td>
                                <td>手环外观/结构/电路设计（符合人因工程学）；产品调试、测试优化；编写安全/使用说明书</td>
                            </tr>
                            <tr>
                                <td>采购部</td>
                                <td>采购原材料、测试工具、办公用品；结合财务与市场情况，选择价格合理的物品</td>
                            </tr>
                            <tr>
                                <td>营销部</td>
                                <td>制定营销策划；挖掘潜在客户，解答用户问题；跟踪货品发货，处理用户沟通</td>
                            </tr>
                        </tbody>
                    </table>
                </div>

                <!-- 项目理念模块（提取自计划书6.2经营理念） -->
                <div class="about-module">
                    <h3 class="module-title">核心经营理念</h3>
                    <div class="idea-cards">
                        <div class="idea-card">
                            <div class="idea-icon">✓</div>
                            <h4>实用主义</h4>
                            <p>产品设计、营销围绕“解决幼儿园痛点”展开，拒绝同质化，聚焦无源安全、无感穿戴核心需求</p>
                        </div>
                        <div class="idea-card">
                            <div class="idea-icon">✚</div>
                            <h4>以人为本</h4>
                            <p>站在幼儿、家长、教师角度设计产品——幼儿佩戴舒适，家长实时知情，教师管理高效</p>
                        </div>
                        <div class="idea-card">
                            <div class="idea-icon">⚙</div>
                            <h4>科技创新</h4>
                            <p>依托RFID无源技术，对接幼儿园现有系统，持续优化数据精准度与产品稳定性，保持技术优势</p>
                        </div>
                    </div>
                </div>

                <!-- 团队制度摘要-->
                <div class="about-module">
                    <h3 class="module-title">团队制度核心</h3>
                    <p class="module-text">1. 日常守则：以团队利益为核心，严守项目机密（如营销策略、产品构造），遵守国家与学校规定；</p>
                    <p class="module-text">2. 工作机制：每周定期开会总结问题，项目每推进一个阶段开展头脑风暴；产品设计坚持自主创新，杜绝抄袭；</p>
                    <p class="module-text">3. 人员管理：在校内招募成员（覆盖设计、计算机等学院），注重质量而非数量；建立定期筛选机制，确保成员积极性。</p>
                </div>
            </div>
        </div>
    </div>

    <!-- 页脚 -->
    <footer class="footer">
        <div class="footer-content">
            <p>项目名称：基于RFID的幼儿园健康监测物联网平台</p>
            <p>联系电话：xxxxxxxxxxx | 邮箱：xxxxxxxxx</p>
            <p>地址：珠海市珠海科技学院 | 邮编：519000</p>
            <p>© 2024 版权所有 | 环保简约 · 科技守护幼儿健康</p>
        </div>
    </footer>
	
	<script>
	        // 汉堡菜单交互功能
	        document.addEventListener('DOMContentLoaded', function() {
	            const hamburger = document.getElementById('hamburger');
	            const navMenu = document.getElementById('navMenu');
	            
	            // 点击汉堡菜单切换导航显示
	            hamburger.addEventListener('click', function() {
	                hamburger.classList.toggle('active');
	                navMenu.classList.toggle('active');
	            });
	            
	            // 点击导航链接后关闭移动端菜单
	            const navLinks = document.querySelectorAll('.nav-menu a');
	            navLinks.forEach(link => {
	                link.addEventListener('click', function() {
	                    if (window.innerWidth <= 768) {
	                        hamburger.classList.remove('active');
	                        navMenu.classList.remove('active');
	                    }
	                });
	            });
	            
	            // 窗口大小变化时重置菜单状态
	            window.addEventListener('resize', function() {
	                if (window.innerWidth > 768) {
	                    hamburger.classList.remove('active');
	                    navMenu.classList.remove('active');
	                }
	            });
	        });
	    </script>
</body>
</html>